<template>
	<nav class="tab">
		<tab-sub v-for="(item, index) of citiesData" :key="index" :cityInfo="item"></tab-sub>
	</nav>
</template>

<script>
import TabSub from './Sub';
import citiesData from 'data/cities';

export default {
	name: 'Tab',
	components: {
		TabSub
	},
	data() {
		return {
			citiesData
		}
	},
	props: {
		tabDatas: Array
	}
}
</script>

<style lang="scss" scoped>
@import '~styles/mixins.scss';

.tab {
	@include flex-row;
	flex-wrap: no-wrap;
	height: .44rem;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}
</style>